import Vue from 'vue'
import App from './App'
import axios from 'axios'

Vue.config.productionTip = false

/* eslint-disable no-new */
new Vue({
  el: '#app',
  render: h => h(App)
})


// 1. 基本使用
// axios({
//   url : 'http://192.168.1.241:8001/users/studentManage',
//   // 请求方式
//   // method : 'get'
// }).then(res => {
//   console.log(res);
// })

// axios({
//   url : 'https://index-api.meadin.com/openapi/rest/v1/cn.meadin.open/comment/user_comment.get',
//   // 专门针对get请求的参数拼接
//   params : {
//     id : 373,
//     type : 1,
//     commentType : 0,
//     currentPage : 2,
//     displayCount : 30
//   }
// }).then(res => {
//   console.log(res);
// })

// 2. 并发请求 
// return 数组
// axios.all([axios({
//   url : 'http://192.168.1.241:8001/users/studentManage'
// }), axios({
//   url : 'https://index-api.meadin.com/openapi/rest/v1/cn.meadin.open/comment/user_comment.get',
//   // 专门针对get请求的参数拼接
//   params : {
//     id : 373,
//     type : 1,
//     commentType : 0,
//     currentPage : 2,
//     displayCount : 30
//   }
// })])
// .then(results => {
//   console.log(results);
// })


// 使用全局的axios和对应的配置进行网络请求
// axios.defaults.baseURL = 'http://192.168.1.241:8001'
// axios.defaults.timeout = 5000 // 毫秒

// // 自动展开 axios.spread()
// axios.all([axios({
//   url : '/users/studentManage'
// }), axios({
//   baseURL : 'https://index-api.meadin.com',
//   url : '/openapi/rest/v1/cn.meadin.open/comment/user_comment.get',
//   // 专门针对get请求的参数拼接
//   params : {
//     id : 373,
//     type : 1,
//     commentType : 0,
//     currentPage : 2,
//     displayCount : 30
//   }
// })])
// .then(axios.spread((res1, res2) => {
//   console.log(res1);
//   console.log(res2);
// }))

// 创建对应的axios实例一
// const instance1 = axios.create({
//   baseURL: 'http://192.168.1.241:8001',
//   timeout : 5000
// })

// // 创建对应的实例二
// const instance2 = axios.create({
//   baseURL: 'https://index-api.meadin.com',
//   timeout : 5000
// })

// 实例一
// instance1({
//   url: '/users/studentManage'
// })
// .then(res => {
//   console.log(res)
// })

// 实例二
// instance2({
//   url : '/openapi/rest/v1/cn.meadin.open/comment/user_comment.get',
//   params : {
//     id : 373,
//     type : 1,
//     commentType : 0,
//     currentPage : 2,
//     displayCount : 30
//   }
// })
// .then(res => {
//   console.log(res)
// })

// 5. 导入request模块
import {request} from './network/request'
import {request2} from './network/request'
import {request3} from './network/request'
import {request4} from './network/request'

// 请求方式一
// request({
//   url : '/users/studentManage'
// }, res => {
//   console.log(res)
// }, err => {
//   console.log(err)
// })

// 请求方式二
// request2({
//   baseConfig : {
//     url : '/users/studentManage'
//   },
//   success (res){
//     console.log(res)
//   },
//   failure (res){
//     console.log(res)
//   }
// })

// 请求方式三
// request3({
//   url : '/users/studentManage'
// }).then(res => {
//   console.log(res)
// }).catch(err => {
//   console.log(err)
// })

request4({
  url : '/users/studentManage'
}).then(res => {
  console.log(res)
}).catch(err => {
  console.log(err)
})